<style>
    body{
        background-color: #f9f9f9;
    }
    .fieldset{
        padding:0 20px 20px 20px;
        border: 1px solid silver;
        max-width: 920px;
        margin: 10px 0;
    }
    .legend{
        border:0;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: bold;
        color: #666;
        width: 110px;
        padding-left: 10px;
    }
</style>
<script>
    var info = null;
    {% if info is defined %}
        info={{ info }};
    {% endif %}
    var visitType = null;
    {% if visitType is defined %}
        visitType={{ visitType }};
    {% endif %}
    var visitRecord = null;
    {% if visitRecord is defined %}
        visitRecord={{ visitRecord }};
    {% endif %}
    var targets = {{ targets | json_encode }}
    {#var enmuType = {{ enmuType | json_encode }}#}
</script>
<div >
    <form id="xh_form" class="xh-form"  method="post" >
        <div class="xh-area-form" style="width:100%;">
            <div class="form-inline" style="display: none;">
                <input name="iId" type="hidden"  value="{{ iId }}">
                <input name="iSchoolId" type="hidden" value="{{ schoolId }}">
            </div>
            <div class="form-inline">
                <label for="iStarttime" style="width: 70px;">开始时间：</label>
                <input type="text" class="form-date xh-input-middle" id="iStarttime" name="iStarttime"  data-must >
                <label for="iEndtime" style="width: 70px;">结束时间：</label>
                <input type="text" class="form-date xh-input-middle" id="iEndtime" name="iEndtime" data-must >
            </div>
            <fieldset class="fieldset school-feildsets">
                <legend class="legend">来访学校  <input type="button" value="+" class="glyphicon glyphicon-plus" id="bt_sVisitOthers" style="width:30px;height: 25px;padding-left:8px;line-height: 5px;color: #428bca;border: solid 1px #428bca;margin-left:3px"></legend>
                <div class="form-inline school-box">
                    <label for="iCustomerId" style="width: 70px;">学校：</label>
                    <select name="iCustomerId[]" class="xh-input-middle"  data-must style="margin-right:20px">
                        <option value="" style="display: none" selected>请选择</option>
                        {% for value,text in targets %}
                            <option value="{{ value }}">{{ text }}</option>
                        {% endfor %}
                    </select>
                    <span style="margin-right: 20px"></span>
                    <label for="iPeopleNum" style="width: 70px;">人数：</label>
                    <input name="iPeopleNum[]"  data-must type="text"  class="xh-input-smaller">
                </div>
            </fieldset>
            <fieldset class="fieldset type-feildsets">
                <legend class="legend">活动流程
                    <input type="button" value="+" id="bt_sVisitTypeOthers"  class="glyphicon glyphicon-plus"  style="width:30px;height: 25px;padding-left:8px;line-height: 5px;color: #428bca;border: solid 1px #428bca;margin-left:3px">
                </legend>
                <div style="margin: 20px 0" class="type-box">
                    <div class="form-inline">
                        <label for="sName" style="width: 70px;">名称：</label>
                        <select  name="sName[]"  data-must   class="xh-input-middle" >
                            {% for value,text in enmuType %}
                                <option value="{{ value }}">{{ text }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="form-inline">
                        <label for="sContent" style="width: 70px;">内容：</label>
                        <textarea name="sContent[]"  class="xh-input-large" style="min-height: 80px;"></textarea>
                    </div>
                </div>
            </fieldset>
            <div class="form-inline">
                <div style="width: 400px;min-height: 120px;float: left;">
                <label>日程附件</label>
                    <p style="color: red">
                        上传附件(请手动上传，选择后请点击上传，日程请上传 xlsx, docx, pdf, xls, jpg, png, gif 格式)
                    </p>
                    <div class="form-group" style="margin-left: 0px;">
                        <input id="fileInput" class="form-control"  multiple="multiple" type="file"   />
                    </div>
                </div>
                <div style="padding: 10px;min-height: 120px;width: 400px;width: 525px;float:  left;" >
                    <p style="color: blue">
                        日程列表
                    </p>
                    <div  id="fileList" style="width: 100%"></div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="form-inline">
                <div style="width: 400px;float: left;">
                <label>合影附件</label>
                    <p style="color: red">
                        上传附件(请手动上传，选择后请点击上传，日程请上传 xlsx, docx, pdf, xls, jpg, png, gif 格式)
                    </p>
                    <div class="form-group" style="margin-left: 0;">
                        <input id="photoInput" class="form-control"  multiple="multiple" type="file"   />
                    </div>
                </div>
                <div  style="padding: 10px;min-height: 120px;width: 525px;float:  left;" >
                    <p style="color: blue">
                        合影列表
                    </p>
                    <div  id="PhotoList" style="width: 100%"></div>
                </div>
            </div>
            <div style="clear: both"></div>
            <div class="form-inline">
                <label for="sRemarks" style="width: 70px;">备注：</label>
                <input name="sRemarks"  data-must type="text"  class="xh-input-large">
            </div>
        </div>
    </form>
</div>